import axios from "axios";
import { ElMessage } from "element-plus";

// 创建一个axios实例，用于发送请求
const request = axios.create({
  // 设置请求的基础URL
  baseURL: "https://api.themoviedb.org/3/",
  // 设置请求头
  headers: {
    "Content-Type": "application/json;charset=utf-8",
  },
  // 设置请求超时时间
  timeout: 5000, // 请求超时时间
});

const Token = localStorage.getItem("token");
// 请求拦截器
request.interceptors.request.use(
  (config) => {
    // 在发送请求之前做些什么
    // 可以在这里添加统一的header，如token等
    // config.headers["Authorization"] = "Bearer " + getToken();

    if (Token) {
      config.headers["Authorization"] = "Bearer " + Token; // 让每个请求携带自定义token 请根据实际情况自行修改
    }
    return config;
  },
  (error) => {
    // 对请求错误做些什么
    console.error("请求拦截器错误:", error);
    return Promise.reject(error);
  }
);

// 响应拦截器
request.interceptors.response.use(
  (response) => {
    // 对响应数据做点什么
    const res = response.data;
    // 如果接口返回的状态码不是200，认为请求异常
    if (response.status !== 200) {
      ElMessage({
        message: res.message || "请求异常",
        type: "error",
        duration: 5 * 1000,
      });
      return Promise.reject(new Error(res.message || "请求异常"));
    } else {
      return res;
    }
  },
  (error) => {
    // 对响应错误做点什么
    console.error("响应错误:", error);
    const { response } = error;
    if (response && response.status) {
      const errorMsg = {
        400: "请求错误",
        401: "未授权，请重新登录",
        403: "拒绝访问",
        404: "请求地址出错",
        408: "请求超时",
        500: "服务器内部错误",
        501: "服务未实现",
        502: "网关错误",
        503: "服务不可用",
        504: "网关超时",
        505: "HTTP版本不受支持",
      };
      ElMessage({
        message: errorMsg[response.status] || "网络异常",
        type: "error",
        duration: 5 * 1000,
      });
    } else {
      // 请求超时或断网时
      if (error.message.includes("timeout")) {
        ElMessage({
          message: "请求超时，请检查网络",
          type: "error",
          duration: 5 * 1000,
        });
      } else {
        ElMessage({
          message: "网络异常，请检查网络连接",
          type: "error",
          duration: 5 * 1000,
        });
      }
    }
    return Promise.reject(error);
  }
);
export default request;
